/*сбрасывают стилевые настройки по умолчанию*/
* {
    box-sizing: border-box;
}
html, body, div, span, h1, h2 h3, h5, h6, p, a, ul, li{
                 
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
}
/*----------------------------------*/
html {
   position: relative;
   min-height: 100%;
  }

body{  background: #F2F2F2;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
      font-size: .85em;
      /*отступ снизу на высоту footer (height: 60px;) */
      margin-bottom: 60px;
}     

/*------------Оглавление и название статьи-------------------*/  
/*------------Оглавление и название статьи-------------------*/  
#header{background-color: white;
  border-top: 1px solid #E3E3E3;
  border: 1px solid #dbdbdb 
}  


#header h1 {
   font-size: 24px;
   text-transform: uppercase;
   font-weight: none;
   padding: 15px 30px 15px 24px;
    clear: both;
} 
#logoSeparator {
  
   white-space: normal;
    height: 20px;
    width: 2px;
	margin-left: 5px;
	margin-right: 8px;
    background-color: #777;
    display: inline-block;

}
#name-content{display: inline;font-size: 12px ;font-style:italic; color:rgb(68, 4, 4) ;}

/*------------Меню--(создание горизонтальной nav панели навигации)-----------------   */  
#nav{background-color: black; position: sticky; top:0px;}
#nav #menu{padding-left: 5px; background-color: black;}

.btn{
   padding: 8px 19px;
   display: inline-block;
   color: #cfcfcf;
   cursor: pointer;
   text-decoration: none;
 }       

.btn:hover{color:#3DA9FE }

.item-menu{
     padding: 8px 0px 10px; 
      margin: 5px -19px;
      background-color: white;
      box-shadow: -1px 3px 7px 0px #B2AEAE;;
 position:absolute;
  display:none;
 }  
      
     
          
  .btn:hover .item-menu{ 
display:block; }
  
     
  
  
     
 
 .item-menu a{ 
   display:block;
   text-decoration: none;
    color: rgb(92, 91, 91);
    padding: 6px 19px;
    }    

    
.item-menu a:hover {color: black; background-color: #f4f4f4; }
    
   
 /*-------------end Оглавление и название статьи------------------*/  
 


/*---------------Основная часть------------------------*/


 .div_content{  
   max-width: 1280px;
   margin: 50px auto 0; 
    min-height: 100%;
    }      

     

    
       /*----- left - right ---------*/

       .aside h2{background:#ccc;
		 padding: 3px 8px;
         font-size: 1.2em;
         margin-top: 15px;
         
     }
     .aside h3 {
         font-size: 1.2em;
         margin-top: 10px;
     }s
     .aside p {
         font-size: 1em;
         margin-top: 10px;   
        
     }
    
     .aside li{ margin-left: 20px;line-height: 1.5; }
      li>a{color: rgb(39, 67, 145);  text-decoration: none; }
   
      #sidebar1 {
          float: left;
         width: 20%; background-color: white;
         border:1px solid #e2e2e2;
         padding: 0 10px 90px 20px;
      }   
      
      #sidebar2 {
         float: right;
         width: 20%; 
         padding: 0 20px 0 10px;
     }

  

      /*блок основного содержимого */
#article{
   background-color: white;border: 1px solid #e9e7e7;
  /* box-shadow: -1px 3px 7px 0px #B2AEAE;*/
   margin-left: 23%;
   margin-right: 20%; 
   padding: 35px;
   width: 60%; 
   min-height: 100%; 
   margin-bottom: 90px;
}	

#article:after{
   clear:both;
   display:table;
   content:'';
}
#article h2{
   font-size: 1.5em;
   margin-bottom:15px;
}
#article p{
   line-height: 150%;
   margin-bottom: 12px;
}  

/*Ссылки в разделах страниц на разделы сайта с описанием примеров*/
.name-title{color: rgb(39, 67, 145);  font-size: 1.5em; text-decoration:none; line-height: 1.5;}
.name-title:hover{color:blue;font-size:  1.5em;} 
 
hr{margin-top: 70px;}      

/*---------------end  Основная часть------------------------*/
 
/*-------------- футер---------------------------------*/
#footer {text-align: center;
   position: absolute; 
   width: 100%;
   bottom: 0;
 /* Set the fixed height of the footer here */
   height: 60px;
 font-size: .95em;    
padding: 5px 0;
}  

       /*Навигация по cайту: в начало стр., следующая, предедущая страница*/
       #nav-top-back-next{ position: absolute;  left:15%; bottom: 90px; opacity: 0.1;}
       #nav-top-back-next p{margin-left: 27px;}
       #nav-top-back-next:hover{ opacity: .7;}
  
 

/**/
#nav #menu, #header h1{
   max-width: 1280px;
   margin: 0 auto; 
}

.div_content, #menu, #header, #footer,#zatemnenie{
   min-width: 770px;
}